<template>
  <div id="ground" :style="size">
    <chart ref="chart1" :options="orgOptions" :style="size" :auto-resize="true"></chart>
  </div>
</template>

<script>
  export default {
    name: 'GROUND',
    data () {
      return {
        orgOptions: {},
        size: {
          width: '100%',
          height: '100%'
        }
      }
    },
    computed: {},
    mounted () {
      this.orgOptions = {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'line',
          smooth: true
        }]
      }
    }
  }
</script>
<style>
  .echarts {
    width: 100%;
    height: 100%;
  }
</style>
